<template>
    <div>
        <p>hello，vue</p>
        <button @click="handle1">HOME</button>
        <button @click="handle2">ABOUT</button>
        <router-view />
    </div>
</template>
<script>
export default {
    name: 'App',
    data() {
        return {

        }
    },
    mounted() {
        const { Time } = process.env
        console.log(Time, '打包时间')
    },
    methods:{
        handle1(){
            this.$router.push({
                name:'home1'
            })
        },
        handle2(){
            this.$router.push({
                name:'about1'
            })
        }
    }
}
</script>
<style lang="scss" scoped></style>